<template>
    <div class="demo">
        <GroupList title="游戏">
            <ul>
                <li v-for="(item,index) in games" :key="index">{{item}}</li>
            </ul>
        </GroupList>

        <GroupList title="语言">
            <img src="./assets/logo.png" alt="">
        </GroupList>

        <GroupList title="亲戚">
            <ul>
                <li v-for="(item,index) in kins" :key="index">{{item}}</li>
            </ul>
        </GroupList>
    </div>
</template>
<script>
    import GroupList from './components/GroupList'

    export default {
        name:'App',
        components:{
            GroupList
        },
        data() {
            return {
                games:['LOL','下棋','打飞机','雷霆战机'],
                languages:['语文','数学','英语','物理'],
                kins:['祁同伟','老墨','高启强','高启盛']
            }
        },
    }
</script>
<style>
    .demo{
        display: flex;
        justify-content: space-around;
    }
</style>